<template>
  <div class="head-office-container">
    <EmptyIndex :isEmpty="Object.keys(parentCompanyObj).length">
      <template #listCon>
        <ul class="gs-details">
          <li @click="handleEnterpriseInfoQuery(parentCompanyObj.name, parentCompanyObj.id)">
            <div class="left-info">
              <div class="left-info-t">
                <div class="order-number">1</div>
                <div class="left-info-t-gs">
                  <h3>{{ parentCompanyObj.name }}</h3>
                  <p>
                    <span
                      >法人：<span
                        class="page-link-color"
                        @click.stop="
                          handleBusinessRole(parentCompanyObj.name, parentCompanyObj.legalPersonName)
                        "
                        >{{ parentCompanyObj.legalPersonName }}</span
                      ></span
                    >
                    <span
                      >经营状态：{{
                        parentCompanyObj.reg_status | isEmptyData
                      }}</span
                    >
                  </p>
                </div>
              </div>
              <div class="left-info-b">
                <p>
                  注册资本：{{ parentCompanyObj.reg_capital | isEmptyData }}
                </p>
                <p>成立日期：{{ parentCompanyObj.estiblish_time }}</p>
              </div>
            </div>
            <div class="right-icon">
              <em class="iconfont icon-youjiantou" />
            </div>
          </li>
        </ul>
      </template>
    </EmptyIndex>
  </div>
</template>

<script>
import EmptyIndex from "@/components/empty";
import investMethodsMixin from "@/mixin/investMethodsMixin.js";
export default {
  name: "ParentCompany",
  components: {
    EmptyIndex,
  },
  props: {
    parentCompanyObj: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  mixins: [investMethodsMixin],
};
</script>